<template>
	<view>
		<!-- #ifdef MP-WEIXIN -->
		<view v-if="canIUse">
			<view class='headView'>
				<open-data class="headImageView" type="userAvatarUrl"></open-data>
				<!-- <open-data class="nickName" type="userNickName"></open-data> -->
				<view class='titleText'>申请获取以下权限</view>
				<view class='contentText'>获得你的手机号码</view>
				<button class="authBtn" open-type="getPhoneNumber" @getphonenumber="wxGetPhoneNumber" withCredentials="true">微信授权获取用户信息</button>
			</view>
		</view>
		<view v-else>请升级微信版本</view>
		<!-- #endif -->

	</view>
</template>

<script>
	export default {
		data() {
			return {
				canIUse: uni.canIUse('button.open-type.getUserInfo'),
			}
		},
		methods: {
			wxGetPhoneNumber: function(res) {
				var that = this
				var userRes = res
				console.log(that.$baseUrl)
				console.log(JSON.stringify(res))
				if (!res.detail.iv) {
					uni.showToast({
						title: "您取消了授权,登录失败",
						icon: "none"
					});
					return false;
				}
				console.log('-------用户授权，并获取用户基本信息和加密数据------')

			// 	uni.login({
			// 		provider: "weixin",
			// 		scopes: "auth_user",
			// 		success: function(res) {
			// 			console.log('######' + res.code)
						
			// 			// 需要传到下个页面的数据
			// 			var data = {
			// 				"code": res.code,
			// 				"signature": userRes.detail.signature,
			// 				"rawData": userRes.detail.rawData,
			// 				"encryptedData": userRes.detail.encryptedData,
			// 				"iv": userRes.detail.iv
			// 				}
			
			// 			// 将code和验证信息发送到后台,获取后台userInfo
			// 			uni.request({
			// 				url: that.$baseUrl + 'app/wx/user/' + uni.getStorageSync('appId') + '/reg',
			// 				method: 'GET',
			// 				header: that.$urlRequest.getHeader(),
			// 				data: {
			// 					"code": res.code,
			// 					"signature": userRes.detail.signature,
			// 					"rawData": userRes.detail.rawData,
			// 					"encryptedData": userRes.detail.encryptedData,
			// 					"iv": userRes.detail.iv,
			// 				},
			// 				success: (res) => {
			// 					if (res.data.code == 0) {
			// 						console.log("注册成功")
			// 						console.log("用户信息" + res.data.data)
			// 						uni.setStorageSync('userInfo', res.data.data)
			// 						uni.setStorageSync('accessToken', res.data.data.accessToken)
			// 						uni.navigateBack({
			// 							animationDuration: 200,
			// 						})
			// 						uni.$emit('loginSuccess', {
			// 							msg: '登录'
			// 						})
			// 					} else {
			// 						uni.showModal({
			// 							title: '用户注册失败',
			// 							content: res.data.msg,
			// 							showCancel: false
			// 						});
			// 					}
			// 				},
			// 				fail: (err) => {
			// 					uni.showModal({
			// 						content: '用户注册失败，请重试',
			// 						showCancel: false
			// 					});
			// 				}
			// 			})
			// 		},
			// 		fail: function() {
			// 			console.log("获取code失败")
			// 		},
			// 	})
			},
		},
		onLoad() {

		}

	}
</script>

<style>
	.headView {
		width: 550upx;
		margin: 200upx 100upx 100upx;
		text-align: center;
	}

	.headImageView {
		display: block;
		width: 150upx;
		height: 150upx;
		margin-left: 200upx;
	}

	.titleText {
		font-size: 14px;
		color: #020e0f;
		text-align: center;
		margin-top: 100upx;
	}

	.contentText {
		margin-top: 5px;
		margin-bottom: 0px;
		font-size: 14px;
		color: #666;
		text-align: center;
	}

	.authBtn {
		margin-top: 35px;
		height: 45px;
		font-size: 17.5px;
		background-color: #1D9328;
		color: #FFFFFF;
	}
</style>
